<div class="blade-content __large-wide ng-scope" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <form name="form" class="form" (submit)="onCreate()" [formGroup]="formGroup" novalidate>
        <div class="blade-static __bottom" *ngIf="currentBlade.isNew">
          <button class="btn" [disabled]="!formGroup.valid">创建</button>
        </div>

        <div class="column">
          <div class="form-group">
            <label class="form-label">公司</label>
            <div class="form-input">
              <select name="companyId" class="chosen-select" formControlName="companyId">
              <option [value]="c.companyId" selected = "selected" *ngFor="let c of companys">{{c.companyName}}</option>
          </select>
            </div>
            <div *ngIf="formErrors.companyId" class="form-error">
              {{ formErrors.companyId }}
            </div>
          </div>


          <div class="form-group">
            <label class="form-label">风场名称</label>
            <div class="form-input">
              <input id="farmName" name="farmName" type="text" placeholder="输入风场名称" autocomplete="off" formControlName="farmName">
            </div>
            <div *ngIf="formErrors.farmName" class="form-error">
              {{ formErrors.farmName }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">总装机容量(MW)</label>
            <div class="form-input">
              <input id="capacity" name="capacity" type="number" placeholder="输入总装机容量" autocomplete="off" formControlName="capacity">
            </div>
            <div *ngIf="formErrors.capacity" class="form-error">
              {{ formErrors.capacity }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">风场建设日期</label>
            <div class="form-input">
              <input id="productionDate" name="productionDate" type="date" placeholder="输入键名称" autocomplete="off" formControlName="productionDate">
            </div>
            <div *ngIf="formErrors.productionDate" class="form-error">
              {{ formErrors.productionDate}}
            </div>
          </div>


          <div class="form-group">
            <label class="form-label">风场类别</label>
            <div class="form-input">
              <select name="farmCategory" class="chosen-select" formControlName="farmCategory">
                <option [value]="setofvalue.valueCode" *ngFor="let setofvalue of setofvalues">{{setofvalue.valueDisplay}}</option>              
              </select>
            </div>
            <div *ngIf="formErrors.farmCategory" class="form-error">
              {{ formErrors.farmCategory }}
            </div>
          </div>

          <div class="form-group">
            <label class="form-label">简单标识</label>
            <div class="form-input">
              <input id="simpleCode" name="simpleCode" type="text" placeholder="输入简单标示" autocomplete="off" formControlName="simpleCode">
            </div>
            <div *ngIf="formErrors.simpleCode" class="form-error">
              {{ formErrors.simpleCode }}
            </div>
          </div>
          
          <div class="form-group">
            <label class="form-label">风场代码</label>
            <div class="form-input">
              <input id="farmCode" name="farmCode" type="text" placeholder="输入风场代码" autocomplete="off" formControlName="farmCode">
            </div>
            <div *ngIf="formErrors.farmCode" class="form-error">
              {{ formErrors.farmCode }}
            </div>
          </div>


          <div class="form-group">
            <label class="form-label">是否显示风场名称</label>
            <div class="form-input" id="form-input-switch">
              <label class="form-label __switch">
                  <input type="checkbox" name="unShowName" formControlName="unShowName" class="ng-pristine ng-untouched ng-valid">
                  <span class="switch"></span>
              </label>
            </div>
          </div>







          <div class="form-group">
            <label class="form-label">风场简介</label>
            <div class="form-input">
              <textarea id="introduce" name="introduce" placeholder="输入风场简介" class="form-control" formControlName="introduce" rows="4"
                cols="25"></textarea>
            </div>
            <div *ngIf="formErrors.introduce" class="form-error">
              {{ formErrors.introduce }}
            </div>
          </div>
        </div>


        <div class="column">
          <div class="form-group">
            <label class="form-label">联系人</label>
            <div class="form-input">
              <input id="contact" name="contact" type="text" placeholder="输入联系人" autocomplete="off" formControlName="contact">
            </div>
            <div *ngIf="formErrors.contact" class="form-error">
              {{ formErrors.contact }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">联系电话</label>
            <div class="form-input">
              <input id="telNo" name="telNo" type="tel" placeholder="输入联系电话" autocomplete="off" formControlName="telNo">
            </div>
            <div *ngIf="formErrors.telNo" class="form-error">
              {{ formErrors.telNo }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">电子邮件</label>
            <div class="form-input">
              <input id="email" name="email" type="text" placeholder="输入电子邮件" autocomplete="off" formControlName="email">
            </div>
            <div *ngIf="formErrors.email" class="form-error">
              {{ formErrors.email }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">传真</label>
            <div class="form-input">
              <input id="faxNo" name="faxNo" type="tel" placeholder="输入传真" autocomplete="off" formControlName="faxNo">
            </div>
            <div *ngIf="formErrors.faxNo" class="form-error">
              {{ formErrors.faxNo }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">所在城市</label>
            <div class="form-input">
              <input id="city" name="city" type="text" placeholder="输入所在城市" autocomplete="off" formControlName="city">
            </div>
            <div *ngIf="formErrors.city" class="form-error">
              {{ formErrors.city }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">风场地址</label>
            <div class="form-input">
              <input id="addr" name="addr" type="text" placeholder="输入风场地址" autocomplete="off" formControlName="addr">
            </div>
            <div *ngIf="formErrors.addr" class="form-error">
              {{ formErrors.addr }}
            </div>
          </div>

          <div class="form-group">
            <label class="form-label">风场屏幕X轴坐标</label>
            <div class="form-input">
              <input id="posx" name="posx" type="number" placeholder="输入风场屏幕X轴坐标" autocomplete="off" formControlName="posx" step="0.2">
            </div>
            <div *ngIf="formErrors.posx" class="form-error">
              {{ formErrors.posx }}
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">风场屏幕Y轴坐标</label>
            <div class="form-input">
              <input id="posy" name="posy" type="number" placeholder="输入风场屏幕Y轴坐标" autocomplete="off" formControlName="posy" step="0.2">
            </div>
            <div *ngIf="formErrors.posy" class="form-error">
              {{ formErrors.posy }}
            </div>
          </div>

          <div class="form-group">
          <label class="form-label">排序</label>
          <div class="form-input">
            <input name="seq" formControlName="seq" placeholder="输入排序">
          </div>
          <div *ngIf="formErrors.seq" class="form-error">
            {{ formErrors.seq }}
          </div>
        </div>


        </div>






        <!--         
          <div class="form-group">
            <label class="form-label"></label>
            <div class="form-input">
            </div>
          </div>
          <div class="form-group">
            <label class="form-label"></label>
            <div class="form-input">
            </div>
          </div>-->

        <!--<div class="form-group">
          <label class="form-label">排序</label>
          <div class="form-input">
            <input name="statusSeq" formControlName="statusSeq" placeholder="输入排序">
          </div>
          <div *ngIf="formErrors.statusSeq" class="form-error">
            {{ formErrors.statusSeq }}
          </div>
        </div>        -->

      </form>
    </div>
  </div>
</div>